<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>
			<!-- 
			h5规范中规定 
			1、不需要着重的内容，单纯加粗或者斜体，使用b和i标签。
			2、small表示一些“细则”的内容。例如：
				- 合同中的小字，网站的版权声明等。
			-->
			<strong>这是内容的重要性</strong>
			<em>这是内容的着重点，表示语气上的强调</em>
			<i>我是i标签</i>
			<b>我是b标签</b>
			<small>我是small标签的内容</small>
			<!-- 
			网页中所有加书名号、话剧名、电影名等内容，
			都使用cite标签 
			
			blockquote 标签标示一个长引用（块级引用）
			-->
			<cite>《七龙珠》</cite>
			<br>
			<!-- 使用q标签，浏览器会默认加引号。但是不推荐这个。有些浏览器不显示。 -->
			子曰：<q> 中午不睡，下午崩溃。 </q>


		</p>

		<blockquote>
			有朋自远方来
		</blockquote>

		<!-- 
			使用sup标签设置一个“上标”
			一般用来标示链接
		 -->
		<p>2 <sup>2</sup> </p>
		<p>长城 <sup><a href="#">[1]</a></sup> </p>

		<!-- sub标签用来标示一个下标 -->
		<p>H <sub>2</sub> O</p>

		<!-- 
		del标签，标示删除内容
		 -->
		<p>
			<del>￥12.21</del> <br>
			￥3.2 <br>
		</p>
		
		<!-- 标示插入内容 -->
		<p>
			我们的老师真<ins>好啊</ins>
		</p>
		
		<!--
		 页面中直接编写代码
		 pre会将代码中的格式保存，不会忽略多个空格。
		 一般用pre+code标示一段代码。
		 -->
		<pre>
	window.onload = function(){
		alert("hello world!");
	}
	
		<code>
			window.onload = function(){
				alert("hello world!");
			}
		</code>
		</pre>
		
		
	</body>
</html>
